/* reset museUi 主灰:#202020 浅灰:#A6A1A7 #7A7A7A  边线:#F3F3F3*/
body{ background-color: #FFFFFF; font-size: 12px; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; color: #202020; font-weight: 500;}
a{color: #202020;}
ul,li{ padding: 0; margin: 0; list-style: none;}
p{ margin: 0;}
.mu-appbar{ position: fixed;top: 0;width: 100%;height: 50px;background:#222222; color: #E3E2DE;}
.mu-appbar-title{font-size: 18px;padding: 0;}
.mu-appbar-left{padding: 0;}


.regist{background: #373737;}

.mu-flat-button.disabled {
    color: #E5AA2B;
    cursor: not-allowed;
    background: none;
}

/*強制換行*/
.wrap{
	word-wrap: break-word;
    word-break: normal;
}
/*超出省略號*/
.beyond-the-ellipsis{
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
/*item 對齊*/
.alignment .mu-item{padding: 0;}

.mu-input{ width: 100%;}
/*.mu-input__focus,.mu-input__focus .mu-input-label{ color: #AE3EE5;}*/
.mu-form-item-label{color: #202020; font-size: 14px;}
.mu-form-item__focus,.mu-form-item__focus .mu-form-item-label{ color: #E3E2DE;}
.mu-form-item .mu-button{ margin: 10px 0 0;}
.mu-form-item-content button{ width: 100%;}

.mu-raised-button .mu-button-wrapper{ padding: 0 8px;}
.mu-bottom-nav{ position: fixed;z-index: 2; width: 100%; height: 50px; bottom: 0; left: 0;background:#2C2C2C;}
.mu-bottom-nav a{ color: #A6A1A7; line-height: 24px; padding-top: 5px;}
.mu-bottom-nav a i{ font-size: 24px;}
.mu-bottom-item{ padding: 0; min-width: auto;}
.mu-bottom-item-text{ margin-top: -8px; font-size: 11px;}
.mu-bottom-nav-shift-wrapper{ padding: 0 2%;}

/* iphoneX、iphoneXs */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
   .regist{min-height: 100%;position: absolute;top: 0;bottom: 0;width: 100%;}
}
/* iphone plus */
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio:3) {
   .regist{min-height: 100%;position: absolute;top: 0;bottom: 0;width: 100%;}
}
/* iphone Xs Max */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
   .regist{min-height: 100%;position: absolute;top: 0;bottom: 0;width: 100%;}
}
/* iphone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
    .regist{min-height: 100%;position: absolute;top: 0;bottom: 0;width: 100%;}
}
.container{ padding: 0;}
.mu-tab{ min-width: auto;}
.mu-tab-active{ color: #2A2D2D;}
.mu-table-header,.mu-table-body{ width: 100%!important;}
.mu-table table{ table-layout: auto;}
.mu-table tr.is-stripe{ background: #F7F7F7;}
.mu-table th.is-sortable:hover{ color: #AE3EE5;}
.mu-table td{ padding: 0 12px;}
.mu-input.is-solo{ padding-bottom: 0; padding-top: 5px;}
.mu-select-input.is-break{ text-align: right;}
.mu-snackbar-message{ width: 100%; justify-content: center;}
.mu-item.has-avatar{ height: 50px;}
.mu-table th.is-sorting{ color: #AE3EE5;}
.mu-dialog{ border-radius: 5px;}
.mu-raised-button{ border-radius: 5px;}
.mu-text-field-multiline textarea{ padding: 12px;}
.mu-dialog{ font-size: 14px;}
.mu-dialog-body{ padding:20px 20px; }
.mu-dialog .mu-dialog-body{ position: relative;}
.mu-input{ font-size: 16px;}
.mu-snackbar{ top:46%; width: 60%; left: 20%; padding: 0 8px; min-width: auto; border-radius: 8px; min-height: auto; background-color: #202020;}
.mu-divider{ height: 4px; background-color: #f3f3f3;}
.mu-circle-spinner{ color: #AE3EE5;}
.mu-secondary-text-color{ color: #7a7a7a;}
.mu-text-field-input{ opacity: 0.9; }
.mu-tabs .mu-tab-wrapper{ font-size: 15px;}
/*登录页 mu 下拉框样式*/
.mu-option.is-selected .mu-item {
    color: #E5AA2B;
}
/* 下拉框重置样式 */
.select-reset{ font-size: 11px; min-height: auto; padding: 0; margin: 0; width: auto;}
.select-reset .mu-input-line,.select-reset .mu-input-focus-line{ display: none;}
.select-reset .mu-select-action{ padding: 0;}
/* 底部仿原生弹出样式 */
.mu-bottom-sheet{color: #949390;background: #373737;border-top-left-radius: 10px;border-top-right-radius: 10px}
.mu-bottom-sheet ul li{border-bottom: solid 1px #565656; background: #373737; padding: 0 16px;text-align: center;}
.mu-bottom-sheet .mu-sub-header{ border-bottom: solid 1px #565656; text-align: right;color: #DBDAD6;padding-right: 10px;}
.mu-bottom-sheet ul li:last-child{ border-bottom:none;}
.mu-bottom-sheet .mu-item-title{text-align: center;color:#DBDAD6;}
/* 路由激活样式 - 圖標漸變色*/
.router-link-active .icon{
	background-image:-webkit-linear-gradient(to right bottom,#FAF28E,#EAB93F);
	background-image:linear-gradient(to right bottom,#FAF28E,#EAB93F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.router-link-active span{ 
	color: #E5AA2B;
}
.mu-list{ overflow: auto;}
/* 登陆注册忘记密码公共样式 */
.logo{text-align: center;}
.logo img{ margin-top: 10px; width: 80px; height: 80px;}
.login-content{ width: 100%; padding: 20px 30px;}
.login-bottom { font-size: 13px; text-align: center; color: #E3E2DE; padding-bottom: 20px;}
.login-bottom span{ color:#E5AA2B; display: inline-block; margin: 0 10px;}
.login-bottom a{color: #E5AA2B;}
.resetPassword{ background-color: #F7F7F7; position: absolute; top: 0; left: 0;}
.mu-switch-checked{color: #AE3EE5;}
/* 表单公共样式 */
.form-content,.card-content{ padding: 20px 10%;}
.form-content .mu-form-item-content .btn, .card-content button{ margin: 30px 0 0 0; }
.form-tip .title{color: #FE6855; font-size: 15px;}
.form-tip{padding: 35px;color: #949390;}
.form-content{background: #373737;}
.common-btn{height: 40px; border-radius: 5px; font-size: 16px; background:#2c2c2c; line-height: 40px; color: #E3E2DE;}
/* 无数据展示 */
.noData{ text-align: center; font-size: 18px; margin-top: 40px; color: #7A7A7A;}
/* 轮播指示器reset */
.mu-carousel{ top: 0; left: 0; position: relative;}
.mu-carousel-item{ top: 0}
.mu-carousel-indicators{ height: auto;}
.mu-carousel-indicator-button{ margin: 0; width: 16px;}
.mu-carousel-indicator-icon{ border-radius: 0; width: 5px; height: 5px; border-radius: 50%; }
/* tab reset */
.mu-tabs{ background: none; color: #202020;}
.mu-tab-link-highlight { height: 1px; background-color:#AE3EE5;} 
.mu-tab-active{ color:#AE3EE5;}
.mu-input-line.disabled{ border-bottom: solid 1px rgba(0,0,0,.12);}

/* 进度条 */
.progress{ width: 100%; display: flex;}
.progress .title{ width: 30%;}
.align-items-start{ width: 70%; margin-top: 6px; display: flex; flex-wrap: wrap;}
.align-items-start .number{display: flex; width: 100%; justify-content: space-between;}
.mu-linear-progress.mu-secondary-color .mu-linear-progress-background{ background-color:#AAAAAA; opacity: 1;}
.mu-linear-progress.mu-secondary-color .mu-linear-progress-determinate{ background-color: #AE3EE5;}

/* common-dialog */
.common-dialog .mu-dialog-body{ font-size: 15px; color: #191918; border-bottom: solid 1px #f3f3f3; }
.common-dialog .mu-dialog-body div:nth-of-type(2){ color:#7A7A7A; margin:6px 0 6px 0;}
.common-dialog .mu-dialog-body div:nth-of-type(3){ color: #7A7A7A;}
.common-dialog .mu-dialog-body div:nth-of-type(2) span{ color: #6174FE;}
.common-dialog .mu-dialog-body .mu-input-focus-line{ display: none;}
.common-dialog .mu-dialog-body input{ text-align: center;}
.common-dialog .mu-dialog-body .mu-input { border:1px solid #f3f3f3; border-radius: 5px; margin: 10px 0 0 0; padding-bottom: 0; padding-top: 6px;}
.common-dialog .mu-dialog-body .mu-input-line{ display: none;}
.common-dialog .mu-dialog-actions{ padding: 0 10%; display: flex; justify-content: space-between; }
.common-dialog .mu-dialog-actions button{ font-size: 15px;}
.common-dialog .tip{ display: inline-block; width: 100%; font-size: 10px; text-align: center; color: #ED2B36;}
.mu-primary-text-color{ color:#AE3EE5;}
.common-dialog input{ color: #2a2a2a;}
.mu-dialog-actions { position: relative;} 
.mu-dialog-actions::after { content: ""; position: absolute; left: 50%; top: 0; height: 100%; border-left: solid 1px #f3f3f3;} 

/* 省市区 */
.distpicker-address-wrapper{ width: 100%; top: 320px; overflow: auto;  background: #fff;}
.distpicker-address-wrapper select{ margin-top: 10px; font-size:14px; padding: 2px 6px; height: 36px; width: 32%;}

/*代理,投資標題、按鈕樣式*/
.agent-btn{height: 40px; border-radius: 5px; font-size: 16px; background:linear-gradient(90deg,#A39D91,#C2AB72); line-height: 40px; color: #E3E2DE;}
.common-header{text-align: center;background:#2C2C2C;height: 44px;line-height: 44px;padding: 0;margin: 0;}
/*表单输入框样式调整*/
.mu-form-item__has-label {
    min-height: 56px;
}
.mu-form-item__error {
    color: transparent;
}
.mu-input__focus,.mu-input__focus{border: 1px solid #464646;}

.mu-form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom:8px;
    padding-bottom: 0px;
    position: relative;
    width: 100%;
}
.mu-form-item-label {
    font-size: 14px;
    color: #E3E2DE;
    position: absolute;
    line-height: 40px;
    min-width:30%;
    padding-right: 10px;
    text-align: right;
    z-index: 1;
}

.mu-form-item-help {
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    bottom: 0px;
    color: #f44336;
}
.mu-form-item-content {
    width: 100%;
    min-height: 40px;
    display: inline-block;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.mu-input {
    font-size: 16px;
    display: inline-block;
    position: relative;
    background: #2C2C2C;
    border-radius: 5px;
}
.dark-background.mu-input {
    font-size: 16px;
    display: inline-block;
    position: relative;
    background: #2C2C2C;
    border-radius: 5px;
}
.mu-input__error {
    color: transparent;
}
.mu-form-item .mu-input {
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    min-height: 40px;
}
.mu-form-item .mu-input-content {
    padding-top: 0;
    float: right;
    width: 70%;
}

.mu-input-content {
    height: 100%;
    position: relative;
}
.mu-text-field {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}
.mu-text-field-input,.mu-select-input{
	    opacity: 0.9;
    -webkit-appearance: none;
    outline: none;
    border: none;
    background: none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 40px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    color: #969590;
    font-size: 14px;
    font-family: inherit;
    position: relative;
    -ms-flex: 1;
    flex: 1;
}
.mu-input-line , .mu-input-focus-line {
    margin: 0;
    height: 0px;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
}
/*下拉小三角顏色*/
.mu-select-icon{
	color: #E3E2DE;
}
	
.bottom-line .mu-input__focus,.bottom-line .mu-input__focus{border:none;border-radius: 0;border-bottom: 1px solid #949390;}
.question .mu-input-help{
	color: #949390;
	bottom: 0;
}
.question .mu-text-field-textarea{
	padding: 0;
	margin-top: -20px;
}
.myCenter .mu-flat-button .mu-button-wrapper {
    padding: 0 10px;
}
/*彈框背景*/
.mu-snackbar{
	background: #E5AA2B;
}

/*轮播图 pager圆点样式修改*/
.mu-carousel-indicator-button{
	margin: 0;
	width: 0px;
	height: 0px;
}
.mu-carousel-indicator-icon{
	width: 0px;
	height: 0px;
}
.nomore-data{
	text-align: center;padding:20px;
}
